<template>
    <div class="bottom">
        <div class="bottom_one">
            <div class="link">
                <div class="link_div">
                    <span>友情链接</span>
                    <ul>
                        <li><a href="">学校官网</a></li>
                        <li><a href="">校园内网</a></li>
                        <li><a href="">招生信息网</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bottom_two">
            <div class="address">
                <div class="phone">
                    <span>联系电话：010-12112213</span>
                </div>
                <div>
                    <span>狮子山校区：成都市锦江区静安路5号 (邮编:610066)&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;</span>
                    <span>成龙校区：成都市龙泉驿区成龙大道二段1819号 (邮编:610101)</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
	name: 'Bottombar',
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less">
.bottom {
    margin: 0;
    padding: 0;
    height: 180px;
    width: 100%;
    background-color: #006b36;
    color: #ffffff;
}

.bottom_one {
    height: 100px;
    width: 100%;
}

.link {
    position: relative;
    width: 1100px;
    margin: auto;
    text-align: left;
}

.link_div {
    position: relative;
    height: 80px;
    width: 800px;
    font-size: 10px;
}

.link_div span {
    position: relative;
    top: 6px;
}

.link_div ul {
    position: relative;
    width: 100%;
    top: 10px;
    padding-inline-start: 0;
}

.link_div li {
    list-style: none;
    height: 20px;
}

.link_div a {
    text-decoration: none;
    color: rgb(223, 207, 207);
}

.bottom_two {
    margin: auto;
    height: 80px;
    width: 100%;
}

.address {
    width: 1100px;
    margin: auto;
    text-align: left;
}

.address div {
    width: 800px;
}

.address span{
    position: relative;
    font-size: 10px;
}

.phone {
    position: relative;
    width: 500px;
    left: 0;
}
</style>
